<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viweport" content="width=device-wdith, initail-scale=1.0, maxinum-scale=1.0, mininum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="./css/deliverydate.min.css">
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
    <title>送达日期</title>
</head>
<body>
    <!-- 最外层容器 -->
    <div class="container">

        <div class="delivery-setting">

            <div class="top-title">
                <h3>填写订单</h3>
            </div>
            <!-- 顶部标题 -->

            <div class="receinfo-setting">
                <div class="receinfo"><span>收货信息</span><span>请选择收货信息</span></div>
                <div class="delivery-date"><span>送达日期</span><span>2022-12-30</span></div>
                <div class="delivery-time"><span>配送时间</span><span>不限时段</span></div>
                <div class="delivery-method"><span>配送方式</span><span>市区免费配送</span></div>
            </div>
            <!-- 收货信息设置 -->

            <div class="date-select">
                    <div class="date">
                        <table>
                            <caption>十二月，2022</caption>
                            <!-- 日期框顶部日期展示 -->
                            <tbody>
                                <tr>
                                    <td>28</td>
                                    <td>29</td>
                                    <td>30</td>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td>6</td>
                                    <td>7</td>
                                    <td>8</td>
                                    <td>9</td>
                                    <td>10</td>
                                    <td>11</td>
                                </tr>
                                <tr>
                                    <td>12</td>
                                    <td>13</td>
                                    <td>14</td>
                                    <td>15</td>
                                    <td>16</td>
                                    <td>17</td>
                                    <td>18</td>
                                </tr>
                                <tr>
                                    <td>19</td>
                                    <td>20</td>
                                    <td>21</td>
                                    <td>22</td>
                                    <td>23</td>
                                    <td>24</td>
                                    <td>25</td>
                                </tr>
                                <tr>
                                    <td>26</td>
                                    <td>27</td>
                                    <td>28</td>
                                    <td class="yesterday">29</td>
                                    <td class="today">30</td>
                                    <td class="tomorrow">31</td>
                                    <td>1</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <td>6</td>
                                    <td>7</td>
                                    <td>8</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
            </div>
            <!-- 日期选择框 -->

            <div class="ok">
                <button>确定</button>
            </div>
            <!-- 确认按钮 -->

        </div>
        <!-- 送达日期页面 -->
        
    </div>
    <!-- 页面结束 -->
</body>
</html>